<template>
  <Tabs v-model="activeTab" :tabs="tabs" @change="handleTabChange" />
  <InfoForm v-if="activeTab === 'info'" :disabled="disabled" :dict-codes="props.dictCodes" />
  <QualificationForm v-if="activeTab === 'qualification'" :disabled="disabled" />
</template>

<script setup>
import Tabs from "@/components/Tabs/index.vue";
import InfoForm from "./info-form.vue";
import QualificationForm from "./qualification-form.vue";
const props = defineProps({
  dictCodes: {
    type: Array,
    default: () => [],
  },
});

const tabs = ref([
  {
    id: "qualification",
    label: "资质信息",
  },
  {
    id: "info",
    label: "主页信息",
  },
]);
const activeTab = ref("qualification");
const handleTabChange = (tab) => {
  console.log(tab, "tab1111111");
  activeTab.value = tab;
};

onMounted(async () => {});
</script>

<style scoped lang="scss">
/* 添加样式 */

.area-select {
  :deep(.el-cascader) {
    width: 100%;
  }
}
</style>
